<template>
  <div class="g-container rel auto mh100vh f bg0 f xc">
    <div class="abs tc fs32 zx10 gf" style="width:300px;top:10%;">98.7%</div>
    <div class="g-contrast bg0 ovh">
      <div class="g-circle borderBox rel"></div>
      <ul class="g-bubbles">
          <li v-for="(item, index) in list" :key="index" class="txy-50 t50" :style="{...item}"></li>
      </ul>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css'></style>